<template>
    <div>

     <el-input v-model="PayForm.amount" placeholder="请输入金额" style="width: 200px;"></el-input>
        <el-input v-model="PayForm.commodityId" placeholder="请输入商品id" style="width: 200px;"></el-input>
        <!-- 测试生成充值链接的按钮 -->
        <button @click="pay()">支付</button>
  
  
        <!-- 显示返回的充值链接 -->
        <div v-if="payUrl">
          <p>充值链接已生成：</p >
          <a :href="payUrl" target="_blank">{{ payUrl }}</a >
        </div>
      </div>
  </template>
  
  <script>
    export default {
      data() {
        return {
  
          PayForm:{
            amount:0,
            commodityId:""
          },
          payUrl: "", // 生成的充值链接
        };
      },
      methods: {
          pay(){
            this.$http.post('/order/commodity/create',this.PayForm).then(resp=>{
           // 将响应数据中的"data"属性值写入到文档中
              document.write(resp.data.data)
            })
          }
      },
  
      }
  </script>
  
  <style>
  
  </style>